<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>学生管理系统</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头部-->
    <div class="layui-header">
        <div class="layui-logo">学生管理系统</div>
        <!--头部区域（可配合layui已有的水平导航）-->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img" id="userAvatar">
                    <span id="loginUser"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="user/userLoginDetail.html" target="option">基本资料</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a><div id="exitLogin" style="cursor: pointer">退了</div></a></li>
        </ul>
    </div>

    <!--左侧菜单，动态生成-->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll" id="nav-menu">
        </div>
    </div>

    <!--右侧区域-->
    <div class="layui-body" id="right">
        <!-- 内容主体区域 -->
        <!--设置不滑动 添加属性 scrolling="no"-->
        <div style="padding: 15px 0; height: calc(100vh - 135px)">
            <iframe id="option" name="option" src="" style="overflow: visible;"
                    frameborder="no" width="100%" height="100%"></iframe>
        </div>
    </div>

    <!--底部-->
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        @copyright com.donleo.cn
    </div>
</div>
<script src="/layui/layui.js"></script>
<script src="/js/common.js"></script>
<script src="/js/back/manager.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function () {
        const element = layui.element;
    });
</script>
</body>
</html>